import { useEffect } from 'react'
import './index.scss'
import Center from './center'
import Left from './left'
import Right from './right'
import Top from './top'

const Board = () => {
  useEffect(() => {
    let dom = document.querySelector('html')
    let height = document.getElementById('board').offsetHeight
    dom.style.fontSize = `${height / 14}px`
    // let box = document.querySelector('.ant-layout-content')
    // box.style.padding = '0'
  }, [])
  return (
    <div id='board' className="board">
      <Top />
      <div className='content'>
        <Left />
        <Center />
        <Right />
      </div>
    </div>
  )
}

export default Board